<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<script src="http://10.222.29.156:3456/js/jquery-3.2.1.js"></script>
<link rel="stylesheet"
	href="http://10.222.29.156:3456/css/bootstrap.css">
<link rel="stylesheet"
	href="http://10.222.29.156:3456/css/bootstrap-theme.css">
<script src="http://10.222.29.156:3456/js/bootstrap.js"></script>
</head>

<body
	style="font-size: 16px; background-image: url(http://10.222.29.156:3456/images/home10.jpg);">
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container-fluid"
			style="margin-left: 20%; margin-right: 20%;">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/o2o-merchant/sec/home">M 系统</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="/o2o-merchant/sec/home">首页</a></li>
					<li><a href="/o2o-merchant/sec/food">菜品管理</a></li>
					<li><a href="/o2o-merchant/sec/order">订单信息</a></li>
					<li><a href="/o2o-merchant/sec/advertisement">广告信息</a></li>
					<li><a href="/o2o-merchant/sec/commentary">评论信息</a></li>

				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown"><a class="dropdown-toggle"
						data-toggle="dropdown"><span id="username"><img id="userPortrait" width="30px" height="30px" class="img-circle"></img></span><span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu"
							aria-labelledby="dropdownMenu">
							<li class="divider"></li>
							<li><a href="/o2o-merchant/sec/merchant">详情</a></li>
							<li><a href="/o2o-merchant/sec/exit.action"> 退出</a></li>
						</ul></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<div class="concontainer " style=" margin-top: 6%; height: 700px;">
		<div class="col-md-offset-1 col-md-10">
			<div class="well center-block">
				<div class="panel panel-success" id="foodList" style="background-image: url(http://10.222.29.156:3456/images/home10.jpg);">
					<div class="panel-heading" align="center">
						<h3>主页通知列表详情</h3>
					</div>
					<div class="panel-body" style=" margin: 5%; height: 500px; overflow:auto">
						
						<div style="float:left;width:25%; max-width:330px;min-width:260px;height: 250px" class="col-md-offset-2 col-md-3" >
						<!-- 	<div class="thumbnail"> -->
								<div class="panel panel-success" >
									<div class="panel-heading" align="center">
										<h4><label >订单通知</label></h4>
									</div>
									<div class="panel-body" >
								<!-- 替换超链接 -->
								<!--<a href="showFoodByUname?uname=${food.img}">-->
								<!-- 控制每一张图片的大小 -->
										<div class="caption col-md-11" align="center" >
											 <!-- 放图片 -->
											<h4>
												<div>您还有<a href="/o2o-merchant/sec/order"><span class="badge" id="waitingNumber"></span></a>个订单未处理！抓紧啦！<div>
											</h4>
											
											
										</div>
									</div>
								</div>	
						</div>
						<div style="float:left;width:25%; max-width:330px;min-width:260px;height: 250px" class="col-md-offset-2 col-md-3" >
						<!-- 	<div class="thumbnail"> -->
								<div class="panel panel-success" >
									<div class="panel-heading" align="center">
										<h4><label >销售业绩</label></h4>
									</div>
									<div class="panel-body" >
								<!-- 替换超链接 -->
								<!--<a href="showFoodByUname?uname=${food.img}">-->
								<!-- 控制每一张图片的大小 -->
										<div class="caption col-md-11 " align="center">
											 <!-- 放图片 -->
											<h4>
												<div>昨日销售额为<span class="badge" id="money"></span>元！好棒！</div>
											</h4>
											
										</div>
									</div>
								</div>	
						</div>
						<div style="float:left;width:25%; max-width:330px;min-width:260px;height: 220px" class="col-md-offset-2 col-md-3" >
						<!-- 	<div class="thumbnail"> -->
								<div class="panel panel-success" >
									<div class="panel-heading" align="center">
										<h4><label >广告通知</label></h4>
									</div>
									<div class="panel-body" >
								<!-- 替换超链接 -->
								<!--<a href="showFoodByUname?uname=${food.img}">-->
								<!-- 控制每一张图片的大小 -->
										<div class="caption col-md-11" align="center">
											 <!-- 放图片 -->
											<h4>
												<div>您有<a href="/o2o-merchant/sec/advertisement"><span class="badge" id="advertisementNumber"></span></a>个广告已经申请成功了！酷！</div>
											</h4>
											
											
										</div>
									</div>
								</div>	
						</div>
						<div style="float:left;width:25%; max-width:330px;min-width:260px;height: 220px" class="col-md-offset-2 col-md-3" >
						<!-- 	<div class="thumbnail"> -->
								<div class="panel panel-success" >
									<div class="panel-heading" align="center">
										<h4><label >评论通知</label></h4>
									</div>
									<div class="panel-body" >
								<!-- 替换超链接 -->
								<!--<a href="showFoodByUname?uname=${food.img}">-->
								<!-- 控制每一张图片的大小 -->
										<div class="caption col-md-11" align="center">
											 <!-- 放图片 -->
											<h4>
												<div>您还有<a href="/o2o-merchant/sec/commentary"><span class="badge" id="commentaryNumber"></span></a>条评论未回复！别忘了！</div>
											</h4>
											
											
										</div>
									</div>
								</div>	
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <script src="/o2o-merchant/js/home.js"></script>
	<!--首页-->
</body>


</html>